path: root/app/[lng]/partners/pq_new/page.tsx

import * as React from "react";
import Link from "next/link";
import { Metadata } from "next";
import { getServerSession } from "next-auth/next";
import { authOptions } from "@/app/api/auth/[...nextauth]/route";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { LogIn, Edit, Eye, Ellipsis } from "lucide-react";
import { Shell } from "@/components/shell";
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table";
import { unstable_noStore as noStore } from 'next/cache';
import { getAllPQsByVendorId, getPQStatusCounts } from "@/lib/pq/service";
import { InformationButton } from "@/components/information/information-button";
import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuItem,
} from "@/components/ui/dropdown-menu";

export const metadata: Metadata = {
  title: "사전 평가 (PQ) 목록",
  description: "요청된 사전 평가 목록을 확인하고 작성합니다.",
};

// 페이지가 기본적으로 동적임을 나타냄
export const dynamic = "force-dynamic";

function getStatusBadge(status: string) {
  switch (status) {
    case "REQUESTED":
      return <Badge variant="outline">요청됨</Badge>;
    case "IN_PROGRESS":
      return <Badge variant="secondary">진행 중</Badge>;
    case "SUBMITTED":
      return <Badge variant="default">제출됨</Badge>;
    case "APPROVED":
      return <Badge variant="default">승인됨</Badge>;
    case "REJECTED":
      return <Badge variant="destructive">거부됨</Badge>;
    default:
      return <Badge variant="outline">{status}</Badge>;
  }
}

function getFormattedDate(date: Date | null) {
  if (!date) return "-";
  return new Intl.DateTimeFormat("ko-KR", {
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
  }).format(new Date(date));
}

export default async function PQListPage() {
  // 캐시 비활성화
  noStore();
  
  // 인증 확인
  const session = await getServerSession(authOptions);
  
  // 로그인 확인
  if (!session || !session.user) {
    return (
      <Shell className="gap-6">
        <div className="flex items-center justify-between">
          <div>
            <h2 className="text-2xl font-bold tracking-tight">
              사전 평가 (PQ) 목록
            </h2>
            <p className="text-muted-foreground">
              요청된 사전 평가 목록을 확인하고 작성합니다.
            </p>
          </div>
        </div>

        <div className="flex flex-col items-center justify-center py-12 text-center">
          <div className="rounded-lg border border-dashed p-10 shadow-sm">
            <h3 className="mb-2 text-xl font-semibold">로그인이 필요합니다</h3>
            <p className="mb-6 text-muted-foreground">
              사전 평가를 확인하려면 먼저 로그인하세요.
            </p>
            <Button size="lg" asChild>
              <Link href="/partners?callbackUrl=/partners/pq">
                <LogIn className="mr-2 h-4 w-4" />
                로그인하기
              </Link>
            </Button>
          </div>
        </div>
      </Shell>
    );
  }
  
  // 세션에서 vendorId 가져오기
  const vendorId = session.user.companyId;
  
  // 벤더 권한 확인
  if (session.user.domain !== "partners" || !vendorId) {
    return (
      <Shell className="gap-6">
        <div className="flex items-center justify-between">
          <div>
            <h2 className="text-2xl font-bold tracking-tight">
              접근 권한 없음
            </h2>
          </div>
        </div>
        <div className="flex flex-col items-center justify-center py-12 text-center">
          <div className="rounded-lg border border-dashed p-10 shadow-sm">
            <h3 className="mb-2 text-xl font-semibold">벤더 계정이 필요합니다</h3>
            <p className="mb-6 text-muted-foreground">
              벤더 계정으로 로그인해주세요.
            </p>
          </div>
        </div>
      </Shell>
    );
  }
  
  const idAsNumber = Number(vendorId);
  
  // 데이터 가져오기 (병렬 실행)
  const [pqList, pqStatusCounts] = await Promise.all([
    getAllPQsByVendorId(idAsNumber),
    getPQStatusCounts(idAsNumber),
  ]);
  
  return (
    <Shell className="gap-6">
      <div className="flex justify-between items-center">
        <div>
          <div className="flex items-center gap-2">
            <h2 className="text-2xl font-bold tracking-tight">사전 평가 (PQ) 목록</h2>
            <InformationButton pagePath="partners/pq_new" />
          </div>
          <p className="text-muted-foreground">
            요청된 사전 평가 목록을 확인하고 작성합니다.
          </p>
        </div>
      </div>
      
      {/* PQ 상태 요약 카드 */}
      <div className="grid gap-4 md:grid-cols-4">
        <Card>
          <CardHeader className="py-4">
            <CardTitle className="text-base">총 PQ</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">
              {Object.values(pqStatusCounts).reduce((sum, count) => sum + count, 0)}건
            </div>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="py-4">
            <CardTitle className="text-base">작성 대기</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">
              {(pqStatusCounts.REQUESTED || 0) + (pqStatusCounts.IN_PROGRESS || 0)}건
            </div>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="py-4">
            <CardTitle className="text-base">제출됨</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">
              {pqStatusCounts.SUBMITTED || 0}건
            </div>
          </CardContent>
        </Card>
        <Card>
          <CardHeader className="py-4">
            <CardTitle className="text-base">승인됨</CardTitle>
          </CardHeader>
          <CardContent>
            <div className="text-2xl font-bold">
              {pqStatusCounts.APPROVED || 0}건
            </div>
          </CardContent>
        </Card>
      </div>
      
      {/* PQ 목록 테이블 */}
      <Card>
        <CardHeader>
          <CardTitle>PQ 목록</CardTitle>
        </CardHeader>
        <CardContent className="p-0">
          <Table>
            <TableHeader>
              <TableRow>
                <TableHead>유형</TableHead>
                <TableHead>PQ 번호</TableHead>
                <TableHead>프로젝트</TableHead>
                <TableHead>상태</TableHead>
                <TableHead>요청일</TableHead>
                <TableHead>제출일</TableHead>
                <TableHead>승인일</TableHead>
                <TableHead>액션</TableHead>
              </TableRow>
            </TableHeader>
            <TableBody>
              {pqList.length === 0 ? (
                <TableRow>
                  <TableCell colSpan={8} className="text-center py-8 text-muted-foreground">
                    요청된 PQ가 없습니다.
                  </TableCell>
                </TableRow>
              ) : (
                pqList.map((pq) => {
                  const canEdit = ["REQUESTED", "IN_PROGRESS", "REJECTED"].includes(pq.status);
                  const canView = ["SUBMITTED", "APPROVED"].includes(pq.status);
                  
                  return (
                    <TableRow key={pq.id}>
                      <TableCell>
                        <Badge variant={
                          pq.type === "PROJECT" ? "default" : 
                          pq.type === "NON_INSPECTION" ? "secondary" : 
                          "outline"
                        }>
                          {pq.type === "PROJECT" ? "프로젝트" : 
                           pq.type === "NON_INSPECTION" ? "미실사" : 
                           "일반"}
                        </Badge>
                      </TableCell>
                      <TableCell>
                        {pq.pqNumber || "-"}
                      </TableCell>
                      <TableCell>
                        {pq.projectName || "-"}
                      </TableCell>
                      <TableCell>
                        {getStatusBadge(pq.status)}
                      </TableCell>
                      <TableCell>
                        {getFormattedDate(pq.createdAt)}
                      </TableCell>
                      <TableCell>
                        {getFormattedDate(pq.submittedAt)}
                      </TableCell>
                      <TableCell>
                        {getFormattedDate(pq.approvedAt)}
                      </TableCell>
                      <TableCell>
                        <DropdownMenu>
                          <DropdownMenuTrigger asChild>
                            <Button
                              aria-label="액션 메뉴 열기"
                              variant="ghost"
                              className="flex size-8 p-0 data-[state=open]:bg-muted"
                            >
                              <Ellipsis className="size-4" aria-hidden="true" />
                            </Button>
                          </DropdownMenuTrigger>
                          <DropdownMenuContent align="end" className="w-36">
                            {canEdit && (
                              <DropdownMenuItem asChild>
                                <Link href={`/partners/pq_new/${pq.id}`}>
                                  <Edit className="mr-2 h-4 w-4" />
                                  작성
                                </Link>
                              </DropdownMenuItem>
                            )}
                            {canView && (
                              <DropdownMenuItem asChild>
                                <Link href={`/partners/pq_new/${pq.id}`}>
                                  <Eye className="mr-2 h-4 w-4" />
                                  보기
                                </Link>
                              </DropdownMenuItem>
                            )}
                          </DropdownMenuContent>
                        </DropdownMenu>
                      </TableCell>
                    </TableRow>
                  );
                })
              )}
            </TableBody>
          </Table>
        </CardContent>
      </Card>
    </Shell>
  );
}